<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>外边距垂直</title>
		<style>
			/* 
             使用问题3：垂直外边距，parent与child中间外边距值是？ 50px
			            以最大的数值为准【涉及规则】
					推荐：平行元素--通过边框查看是否存在垂直外边距，存在，去掉一个外边距，数值累积
					建议：内边距撑大	
						
			 使用问题4：垂直外边距合并，html   child div元素放入（paren） div
			                               css：#child 宽高 100px
										    #child以及parent margin-top:30px;
				建议：嵌套元素--通过设置父级透明边框，子元素套父元素中							
				推荐：溢出隐藏overflow：hidden，设置父级嵌套子级元素							
			 
			 */
			#parent{
				overf low: hidden;
				bor der: 1px solid transparent;
				width:300px;
				height: 300px;
				background: skyblue;
				margin-top: 500px;
				
			}
			#child{
				margin-top: 700px;
				width: 300px;
				height: 300px;
				background: pink;
			}
			
		</style>
	</head>
	<body>
		<div id="parent">
			
		</div>
		<div id="child"></div>
	</body>
</html>